<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
	<title>商品详情</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper3.1.0.min.css">
		<link rel="stylesheet" href="css/show.css">
	<script src="js/flexible.js" type="text/javascript"></script>
	<script src="js/swiper3.1.0.min.js" type="text/javascript"></script>
	<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
</head>
<body>
	<div class="wrap clearfix">
		<div class="swiper-container" id="swiper-index">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
	        		<img src="images/nac4.png" alt="" title="">
		        </div>
		        <div class="swiper-slide">
	        		<img src="images/nac4.png" alt="" title="">
		        </div>
		        <div class="swiper-slide">
	        		<img src="images/nac4.png" alt="" title="">
		        </div>
		        <div class="swiper-slide">
	        		<img src="images/nac4.png" alt="" title="">
		        </div>
		    </div>
		    <div class="swiper-pagination"></div>
		</div>
		<div class="product-desc clearfix">
			<h2>韩国LG正品 倍瑞傲 46cm 按压式沁橙亮妍美白牙膏285*2</h2>
			<p class="product-price">
				<strong>¥115.00</strong>
				<span>¥200.00</span>
				<em>5折</em>
			</p>
		</div>
		<div class="commis">
			<div>自己买/卖赚：<span>¥2.00</span></div>
			<div>自己买/卖赚：<span>¥2.00</span></div>
			<div>自己买/卖赚：<span>¥2.00</span></div>
		</div>
		<ul class="content-wrap clearfix">
			<li class="wrap-list wrap-list-active">
				<em class="emone"></em>
				<strong>热卖推荐</strong>
			</li>
				<li class="wrap-list">
				<em class="emtwo"></em>
				<strong>知名品牌</strong>
			</li>
				<li class="wrap-list">
				<em class="emthird"></em>
				<strong>企业直供</strong>
			</li>
			</li>
				<li class="wrap-list">
				<em class="emfour"></em>
				<strong>担保交易</strong>
			</li>
		</ul>
		<div class="spec clearfix">
			<span>已选</span>
			<b></b>
			<strong>80克/袋</strong>
		</div>
		<dl class="in-shop clearfix">
			<dt><img src="" alt=""></dt>
			<dd class="clearfix">
				<span>猪八戒</span>
				<b></b>
				<strong>进入店铺</strong>
				<a href=""></a>
			</dd>
		</dl>
	</div>
	<!-- comment start -->
	<div class="comment">
		<ul class="clearfix">
			<li class="active">图文详情<span class="line"></span></li>
			<li>评论(<span>5</span>)</li>
		</ul>
		<div class="comment-txt">
			
		</div>
	</div>
	<!-- comment end -->
	<!-- footer start -->
	<div class="footer">
		<a href="" class="customer"><i></i><span>客服</span></a>
		<a href="" class="shop"><i></i><span>店铺</span></a>
		<input type="button" class="trigger-layer shopping-cart" value="加入购物车">
		<input type="button" class="trigger-layer imm-buy" value="立即购买">
	</div>
	<!-- footer end -->
	<!-- popup-layer start -->
	<div class="popup-layer">
		<div class="layer-bg"></div>
		<div class="layer-content clearfix">
			<dl class="layer-content-header">
				<dt class="dt-fl"><img src="" alt=""></dt>
				<dd class="dd-fr">
					<strong>¥19.0</strong>
					<p class="product-store">
						库存<em>124</em>件（每人限购<span>1</span>件）
					</p>
					<p class="spec-choice">
						<em>已选择：&nbsp;&nbsp;</em>
						<span>颜色分类</span>
						<span>参考尺码</span>
						<span>颜色分类</span>
					</p>
					<i class="layer-close"></i>
				</dd>
			</dl>
			<div class="layer-txt">
				<p>颜色分类</p>
				<ul class="ul-color clearfix">
					<li class="item active" imgUrl="images/in07.png">青色</li>
					<li class="item" imgUrl="images/in08.png">粉色</li>
					<li class="item" imgUrl="images/in09.png">黑色黑色黑色</li>
					<li class="item" imgUrl="images/in10.png">黑色</li>
					<li class="item" imgUrl="images/in11.png">黑色</li>
					<li class="item" imgUrl="images/in12.png">黑色</li>
				</ul>
				<p>参考尺码</p>
				<ul class="ul-size clearfix">
					<li class="item active"><span>M(160-165cm)身高</span></li>
					<li class="item">L（170cm-175cm）身高</li>
					<li class="item">XXL（180cm-185cm）身高</li>
				</ul>
				<p>数量</p>
				<p class="choice-num clearfix">
					<span class="minus-num">-</span>
					<input type="text" value="1" class="input-num-txt">
					<span class="add-num">+</span>
				</p>
			</div>
		</div>
		<div class="layer-btn">
			<input type="button" value="我想要" class="btn-left">
			<input type="button" value="分销" class="btn-right">
		</div>
	</div>
	<!-- popup-layer end -->
</body>
<script src="js/product_info.js" type="text/javascript"></script>
<script>
   var mySwiper = new Swiper ('#swiper-index', {
		    loop: true,
		    // 如果需要分页器
		    pagination: '.swiper-pagination',
		    // autoplay: 1000
		    
		})      
  </script>
</html>